<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>测试移动端滑动的问题</title>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/cssReset.css" />
		<link rel="stylesheet" type="text/css" href="css/lottery.css" />
		<style type="text/css">
			button{
				position: fixed;
				left: 0;
				top: 100px;
				width: 100px;
				height: 40px;
				line-height: 40px;
				font-size: 28px;
			}
		</style>
	</head>

	<body>
		<div id="big_box">
			<button>按钮</button>
			<div class="gz-mc" style="display: none;">
				<div class="gz-nr">
					<div class="gz-nrgb"><span>X</span></div>
					<h4>一.玩法说明</h4>
					<p>目前竞彩足球共有6种玩法，分别是“混投”，“胜平负”，“让球胜平负”，“二选一”，“猜比分”，“总进球”。 竞猜的比赛均优选自各国主流比赛，从相关主流体育媒体网站均可查阅相关赛事。比赛对阵主队在前，客队在后.</p>

					<p>1.胜平负：竞猜两支球队，在90分钟内(含伤停补时，不含加时)的胜平负结果。 投注选项有3、1、0(胜、平、负) 。</p>

					<p>2.让球胜平负：竞猜两支球队让球以后，在90分钟内(含伤停补时，不含加时)的胜平负结果。 投注选项有3、1、0(胜、平、负) 。</p>

					<p>3.比分：竞猜两支球队在90分钟内(含伤停补时，不含加时)的比分。 投注选项有1:0 2:0 3:0等31种选项。</p>

					<p>4.总进球：竞猜两支球队在90分钟内(含伤停补时，不含加时)的总进球数量。 投注选项有0、1、2、3、4、5、6、7+ 。</p>

					<p>5.二选一：本功能是结合胜平负和让球胜平负两个玩法的混合过关。将一场比赛的三个选项，简化成两个选项。赛程只取让球值为+1和-1的比赛。 让球值为-1的比赛，【主胜】为胜平负的主胜；【客不败】为让球胜平负的客胜。 让球值为+1的比赛， 【主不败】为让球胜平负的主胜；【客胜】为胜平负的客胜。</p>

					<p>注：</p>
					<p>(1)让球：让球值为负数表示主队让客队多少球，正数表示客队让主队多少球，让球值一旦确定就不再调整。</p>

					<p>例如：皇马-1 VS巴萨，表示皇马让1球，皇马以1球以上战胜巴萨时，赛果为3。皇马以1球战胜巴萨时，赛果为1。当皇马负、打平巴萨时，赛果为0。</p>

					<h4>二.过关方式</h4>

					<p>1.玩家选择1种投注结果的为单式投注；选择2种或2种以上投注结果的为复式投注。</p>

					<p>2.玩家选择1场比赛进行投注的为单场投注；选择2场或2场以上比赛进行串联投注的为过关投注。在过关投注中，所选比赛的结果全部竞猜正确才能中奖。 </p>
					<h4>三.奖金计算</h4>

					<p>1.竞彩足球的过关投注奖金会根据投注等情况进行实时的调整；投注方案的中奖金额以完成投注最终出票时刻的奖金为准，不受投注完成后奖金调整的影响。 投注页面的奖金赔率也仅供参考。</p>

					<p>2.单张彩票的中奖奖金=单注奖金*倍数；单注奖金=投注基数*所选比赛的奖金赔率连乘。目前投注基数为20000金币.</p>

					<p>例如：用户投注2场比赛2串1过关并且中奖，出票时的奖金赔率分别是1.68和3.95，倍数为100倍，单注奖金=20000金币x1.68x3.95=132720金币,方案总奖金=132720x100倍=132072000金币</p>

					<p>3.串联过关最高奖金限制</p>
					<p>单张彩票最高限额：</p>
					<p>（1）选择2-3场过关投注的，单张最高奖金限额40000万金币；</p>
					<p>（2）选择4-5场过关投注的，单张最高奖金限额60000万金币；</p>
					<p>（3）选择6-8场过关投注的，单张最高奖金限额80000万金币。</p>

					<h4>四.延期、中断、取消的比赛，如何算奖？</h4>

					<p>1.延期比赛如何处理：</p>
					<p>推迟时间未超过36小时，则正常算奖；</p>
					<p>推迟时间超过36小时或无法确定时间，则该场为无效场次，按比赛取消算奖；</p>
					<p>取消赛事算奖：单关固定玩法返还投注金额，过关投注该场赔率值按1.0计算奖金；</p>

					<p>2.中断比赛如何处理：</p>
					<p>36小时内继续完成比赛则正常算奖；</p>
					<p>36小时内未完成比赛则该场为无效场次，按比赛取消算奖；</p>

					<p>3.取消赛事算奖：单关固定玩法返还投注金额，过关投注该场赔率值按1.0计算奖金；</p>

					<h4>五．截止投注时间、开奖时间</h4>
					<p>截止投注时间为比赛正式开始前5分钟，单式投注的开奖时间为比赛结束后，复式投注的开奖时间为所选所有比赛结束后。</p>
					<p>注：可根据投注额、突发事件等因素，拒绝某些大额投注、暂停或提前截止针对该场比赛的所有投注。</p>
				</div>
			</div>
		</div>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type="text/javascript">
		for(var i = 0; i < 100; i++) {
			$("#big_box").append("<p>这是第" + i + "条数据</p>");
		}
		$("button").click(function() {
			$(".gz-mc").show();
			$("body").css({
				"overflow": "hidden"
			});
			//$('body').on('touchmove', preventDefaultFn);
			stopScrollLong();
		})

		$(".gz-nrgb span").click(function(){
			$(".gz-mc").hide();
			$("body").css({
				"overflow": "auto"
			});
			recoverScrollLong();
		})
		function stopScrollLong() {
			var top = -$(window).scrollTop();
			$('body').css({
				'position': 'fixed'
			})
			setTimeout(function() {
				$('body').css({
					'top': top + 'px'
				})
			}, 10)
		}

		function recoverScrollLong() {
			var top = parseInt(-$('body').css('top').replace('px', ''));
			$('body').css({
				position: 'static'
			})
			$(window).scrollTop(top);
		}
	</script>

</html>